<template>
  <div class="nav_outer">
    <Header>明细</Header>
    <div class="content">
      <div class="details">
          <div class="detail flex_bet" v-for="item in details" v-bind:key="item.id">
              <div class="d_l">
                  <p class="d_ldes">提现</p>
                  <p>6月23日 15:00:00</p>
              </div>
              <div class="dr">
                  -20
              </div>
          </div>
      </div>
    </div>
  </div>
</template>

<script>
import Header from '@/components/commonComponents/Header'
export default {
  data() {
    return {
      details:[]
    }
  },
   created(){
    this.loadAccount();
  },
  mounted() {
    
  },
  methods: {
    loadAccount(){
      let userId = localStorage.getItem('uid');
      this.Http2.get(`/mobile/myaccount/myAccount/${userId}`, null).then(
        res => {
            this.details = res.myAccountDetails
        },
        () => {
        }
      );
    }
  },
  components: {
    Header
  }
}
</script>

<style lang='scss' scoped>
  @function px2em($px) {
    @if (unitless($px)) {
      @return px2em($px + 0px);
    } @else if (unit($px) == em) {
      @return $px;
    }
    @return ($px / 75px) * 1rem;
  }
  .detail{
      background: #fff;
      margin-bottom: 2px;
      padding: px2em(20) px2em(30);
      .d_ldes{
          color: #333;
          font-size: 1.1em;
      }
      .d_l>p:last-child{
          font-size: 0.9em;
          margin-bottom: 0;
      }
      .income{
          color: #FFAE21;
      }
  }
</style>